<template>
    <el-form :model="$store.state.admin.form">
        <el-form-item label="用户名" :label-width="formLabelWidth">
            <el-input style="width: 100%; margin-left: 0;" v-model="$store.state.admin.form.username" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="权限" :label-width="formLabelWidth">
            <el-checkbox-group v-model="$store.state.admin.checkList" style="display: flex;flex-direction: column; text-align: left;">
                <el-checkbox :label="'1'" name="type">系管理</el-checkbox>
                <el-checkbox :label="'2'" name="type">专业管理</el-checkbox>
                <el-checkbox :label="'4'" name="type">班级管理</el-checkbox>
                <el-checkbox :label="'8'" name="type">学生管理</el-checkbox>
                <el-checkbox :label="'16'" name="type">教师管理</el-checkbox>
                <el-checkbox :label="'32'" name="type">课程管理</el-checkbox>
                <el-checkbox :label="'64'" name="type">选课修改</el-checkbox>
                <el-checkbox :label="'128'" name="type">管理员管理</el-checkbox>
            </el-checkbox-group>
        </el-form-item>
        <el-form-item label="密码" :label-width="formLabelWidth">
            <el-input type="password" style="width: 100%; margin-left: 0;" v-model="$store.state.admin.form.password"
                autocomplete="off"></el-input>
        </el-form-item>
    </el-form>
</template>

<script>
export default {
 data() {
    return {
      dialogVisible: false,
      dialogTableVisible: false,
      dialogFormVisible: false,
      formLabelWidth: '120px'
    }
  },
}
</script>